<template>
<div class="container">
<HeadNav title="导航切换"></HeadNav>
<van-tabs v-model="active" animated swipeable>
      <van-tab v-for="(item,index) in tabs" :title="item" :key="index">
        <Recommend></Recommend>
      </van-tab>
    </van-tabs>
</div>
</template>

<script>
import Recommend from './Recommend'
export default {
    data(){
        return{
          tabs: ["推荐", "热门", "追番", "影视", "漫画"],
          active:0
        }
    },
    components:{
        Recommend
    }
}
</script>

<style lang="less" scoped>

</style>